<%@ page language="java" contentType="text/html;charset=UTF-8" %>
<%@ include file="/static/include/taglib.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>后台管理--菜单列表</title>
    <link href="${ctxStatic}/layui/css/layui.css" rel="stylesheet"/>
    <link href="${ctxStatic}/ligeruilib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css">
    <link href="${ctxStatic}/css/kpiui.css" rel="stylesheet"/>
    <script src="${ctxStatic}/js/jquery-1.8.3.min.js?v=2.0" type="text/javascript"></script>
    <script src="${ctxStatic}/layui/layui.all.js" type="text/javascript"></script>
    <script src="${ctxStatic}/ligeruilib/ligerUI/js/core/base.js" type="text/javascript"></script>
    <script src="${ctxStatic}/ligeruilib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>
    <script src="${ctxStatic}/ligeruilib/ligerUI/js/plugins/ligerTree.js" type="text/javascript"></script>
    <script src="${ctxStatic}/ligeruilib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>
    <script src="${ctxStatic}/js/common.js" type="text/javascript"></script>
    <script src="${ctxStatic}/js/attendance/attfjgd.js?v=<%=System.currentTimeMillis()%>"
            type="text/javascript"></script>

    <style>
        #detail .layui-table-view .layui-table-header th {
            padding: 0
        }

        #detail .layui-table-view {
            margin: 0 0 10px 0
        }

        .l-text-field {
            height: 30px
        }
    </style>
    <script>
        var ctxStatic = "${ctxStatic}";
        var ctx = "${ctx}";
    </script>
</head>
<body>
<div class="currentnav"><span class="tiao"></span><span class="navtitle">分局考勤归档</span></div>

<div class="tabregion">


    <div class="layui-tab layui-tab-brief" lay-filter="tabcontent">
        <ul class="layui-tab-title">
            <li lay-id="1" class="layui-this">部门填报情况列表</li>
            <li lay-id="2">部门详情</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">

                <div class="serchcontent">
                    <div class="search">
                        <div class="layui-form">
                            <table  nostyle="true">
                                <tr>
                                    <td class="td_select" style="width:100px">
                                        <select id="year" placeholder="年份" lay-filter="year">
                                            <option value="2025">2025年</option>
                                            <option value="2024">2024年</option>
                                            <option value="2023">2023年</option>
                                            <option value="2022">2022年</option>
                                            <option value="2021">2021年</option>
                                            <option value="2020">2020年</option>
                                            <option value="2019">2019年</option>
                                            <option value="2018">2018年</option>
                                            <option value="2017">2017年</option>
                                        </select>
                                        <input type="hidden" id="hidyear" value="${year}">
                                        <input type="hidden" id="hidAdmin" value="${isadmin}">
                                    </td>
                                    <td class="td_select" style="width:100px">
                                        <select id="month" lay-filter="month">
                                            <option value="0">全年</option>
                                            <option value="1">1月</option>
                                            <option value="2">2月</option>
                                            <option value="3">3月</option>
                                            <option value="4">4月</option>
                                            <option value="5">5月</option>
                                            <option value="6">6月</option>
                                            <option value="7">7月</option>
                                            <option value="8">8月</option>
                                            <option value="9">9月</option>
                                            <option value="10">10月</option>
                                            <option value="11">11月</option>
                                            <option value="12">12月</option>
                                        </select>
                                        <input type="hidden" id="hidmonth" value="${month}">
                                    </td>
                                    <td class="td_select" style="width:100px">
                                        <select id="status" lay-filter="status">
                                            <option value="">所有</option>
                                            <option value="-1">未填报</option>
                                            <option value="0">填报</option>
                                            <option value="1">提交</option>
                                            <option value="2">归档</option>
                                            <option value="3">驳回</option>
                                            <option value="4">审核通过</option>
                                        </select>
                                        <input type="hidden" id="hidstatus" value="">
                                    </td>
                                    <td>所在单位：</td>
                                    <td style="width:300px">
                                        <input type="text" id="orgid" class="layui-input">
                                        <input type="hidden" id="hidorgid" name="orgid" value="">
                                    </td>

                                    <td style="text-align: center;width:380px">
                                        <!--  <button class="button" onclick="vAttFjGd.searchtableorgsuy()"><img src="${ctxStatic}/images/button/chaxun.png" style="width:20px">查询</button>-->
                                        <button class="button" onclick="vAttFjGd.searchlist()"><img
                                                src="${ctxStatic}/images/button/chaxun.png" style="width:20px">查询
                                        </button>
                                        <button class="button" onclick="vAttFjGd.guidang()"><img
                                                src="${ctxStatic}/images/button/guidang.png">部门归档
                                        </button>
                                        <button class="button" onclick="vAttFjGd.exportexcelall()">导出打印</button>
                                        <button class="button" onclick="vAttFjGd.exportexcelsumall()">汇总导出</button>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="content" style="margin-top:10px">
                    <div id="orgsuylist" class="list" lay-filter="orgsuylist"></div>
                    <script type="text/html" id="operateorgsuy">



                        {{#  if(d.status!=null){ }}
                        <img class="btn-img" src="${ctxStatic}/images/button/detail.png" lay-event="detail" alt="详情"
                             title="详情">



                        {{#  } }}

                        {{#  if(d.status==1){ }}
                        <img class="btn-img" src="${ctxStatic}/images/button/guidang.png" lay-event="guidang" alt="归档"
                             title="归档">
                        <img class="btn-img" src="${ctxStatic}/images/button/bohui.png" lay-event="bohui" alt="驳回"
                             title="驳回">
                        {{#  } }}

                    </script>
                </div>
            </div>

            <div class="layui-tab-item">

                <!-- <div class="serchcontent">
	<div class="search">
	  <div class="layui-form">
	  <table>
	   <tr>
	    <td class="td_right">年份：</td>
	    <td style="width:100px">
	      <select id="year">
	       <option value="2018">2018年</option>
	       <option value="2017">2017年</option>
	      </select>
	    </td>
	    <td class="td_right">月份：</td>
	    <td style="width:100px">
	     <select id="mouth">
	       <option value="1">1月</option>
	       <option value="2">2月</option>
	       <option value="3">3月</option>
	       <option value="4">4月</option>
	       <option value="5">5月</option>
	       <option value="6">6月</option>
	       <option value="7">7月</option>
	       <option value="8">8月</option>
	       <option value="9">9月</option>
	       <option value="10">10月</option>
	       <option value="11">11月</option>
	       <option value="12">12月</option>
	     </select>
	    </td>
	    <td class="td_right">部门：</td>
	    <td>
	      <select id="orgid">
	      <option value="">所有</option>
	       <c:forEach var="item" items="${orglst}">
                  <option value="${item.orgid}">${item.orgname}</option>
           </c:forEach>
	      </select>
	    </td>
	    <td style="text-align: center;width:300px">
	      <input type="button" class="button" value="查询" onclick="vAttFjGd.searchtable()" />
	      <input type="button" class="button" value="该部门归档" onclick="vAttFjGd.attrgd()" />
	      <input type="button" class="button" value="导出" onclick="vAttFjGd.exportexcel()" />
	    </td>
	   </tr>
	  </table>
	  
	  </div>
	 
	
	</div>
 </div>-->
                <div class="serchcontent" style="margin-bottom:10px">
                    <div class="search">
                        <div class="layui-form">
                            <table nostyle="true">
                                <tr>
                                    <td>姓名：</td>
                                    <td style="width:120px"><input type="text" style="width:120px" class="text"
                                                                   id="realname"/></td>
                                    <td>
                                        <input type="button" class="button" value="查询"
                                               onclick="vAttFjGd.querydetail()"/>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="content" id="detail">

                    <div class="table_title" id="table_title"></div>
                    <table class="layui-table" lay-data="" lay-filter="attfjgdlist">
                        <thead>
                        <tr>
                            <th lay-data="{field:'rowNum', width:60,align:'center',fixed: 'left'}" rowspan="2">序号</th>
                            <th lay-data="{field:'realname', width:130,align:'center',fixed: 'left',templet: '#realnameTpl'}"
                                rowspan="2">姓名
                            </th>
                            <th lay-data="{field:'cardno', width:200,align:'center'}" rowspan="2">身份证号</th>
                            <th lay-data="{field:'orgname', width:180,align:'center'}" rowspan="2">实际工作单位</th>
                            <th lay-data="{field:'rsgxorgname', width:200,align:'center',event:'glxs', style:'cursor: pointer;'}"
                                rowspan="2">人事关系所在单位
                            </th>
                            <th lay-data="{field:'status', width:80,align:'center'}" rowspan="2">状态</th>
                            <th lay-data="{field:'year', width:80,align:'center'}" rowspan="2">年份</th>
                            <th lay-data="{field:'mouth', width:80,align:'center'}" rowspan="2">月份</th>
                            <!-- <th lay-data="{field:'sfqq', width:100,align:'center'}" rowspan="2">是否全勤</th>
                            <th lay-data="{field:'jbts', width:100,align:'center'}" rowspan="2">加班天数</th> -->
                            <th lay-data="{field:'sfjb', width:100,align:'center',templet: '#sfjbTpl'}" rowspan="2">
                                是否加班
                            </th>
                            <th lay-data="{align:'center'}" colspan="10">未 出勤天数</th>
                            <th lay-data="{field:'cdcc', width:60,align:'center'}" rowspan="2">迟到</th>
                            <th lay-data="{field:'ztcc', width:60,align:'center'}" rowspan="2">早退</th>
                            <th lay-data="{field:'kgcs', width:60,align:'center'}" rowspan="2">旷工</th>
                            <th lay-data="{field:'remark', width:120,align:'center'}" rowspan="2">备注</th>
                            <!-- fixed: 'right', -->
                            <th lay-data="{ width: 80, align: 'center', toolbar: '#operate'}" rowspan="2">操作</th>
                        </tr>
                        <tr>
                            <!-- <th lay-data="{field:'wcqtsxj', width:80,align:'center'}">小计</th>
                            <th lay-data="{field:'xjts', width:100,align:'center'}">年休假</th>
                            <th lay-data="{field:'tqjts', width:100,align:'center'}">探亲假</th>
                            <th lay-data="{field:'hjts', width:80,align:'center'}">婚假</th>
                            <th lay-data="{field:'syjts', width:100,align:'center'}">生育假</th>
                            <th lay-data="{field:'sangjts', width:80,align:'center'}">丧假</th>
                            <th lay-data="{field:'gsts', width:100,align:'center'}">因公致伤</th>
                            <th lay-data="{field:'bjts', width:80,align:'center'}">病假</th>
                            <th lay-data="{field:'sjts', width:80,align:'center'}">事假</th>
                            <th lay-data="{field:'qtts', width:80,align:'center'}">其他</th> -->

                            <th lay-data="{field:'wcqtsxj', width:80,align:'center',templet: '#wcqtsxjTpl'}">小计</th>
                            <th lay-data="{field:'xjts', width:100,align:'center',templet: '#xjtsTpl'}">年休假</th>
                            <th lay-data="{field:'tqjts', width:100,align:'center',templet: '#tqjtsTpl'}">探亲假</th>
                            <th lay-data="{field:'hjts', width:80,align:'center',templet: '#hjtsTpl'}">婚假</th>
                            <th lay-data="{field:'syjts', width:100,align:'center',templet: '#syjtsTpl'}">生育假</th>
                            <th lay-data="{field:'sangjts', width:80,align:'center',templet: '#sangjtsTpl'}">丧假</th>
                            <th lay-data="{field:'gsts', width:100,align:'center',templet: '#gstsTpl'}">因公致伤</th>
                            <th lay-data="{field:'bjts', width:80,align:'center',templet: '#bjtsTpl'}">病假</th>
                            <th lay-data="{field:'sjts', width:80,align:'center',templet: '#sjtsTpl'}">事假</th>
                            <th lay-data="{field:'qtts', width:80,align:'center',templet: '#qttsTpl'}">其他</th>
                        </tr>
                        </thead>
                    </table>


                    <!--  <div id="list" class="list" lay-filter="list"></div>-->
                    <script type="text/html" id="operate">
                        <!--{{#  if(d.status == 0){ }}
                         <a class="layui-btn layui-btn-xs" lay-event="btntz">归档</a>
                        {{#  } }}-->

                        <!--<img class="btn-img" src="${ctxStatic}/images/button/detail.png" lay-event="detail" alt="详情" title="详情">-->
                    </script>

                    <script type="text/html" id="realnameTpl">
                        <span class="dbclickspan" ondblclick="OpenUserInfo({{ d.userid }},'{{ d.realname }}')"> {{ d.realname }}<span>
                    </script>


                    <script type="text/html" id="sfjbTpl">
                        {{#  if(d.sfjb==0){ }}
                        <span style="color: rgba(255,186,0,1);font-weight:bold;">否</span>
                        {{#  } else { }}
                        是
                        {{#  } }}
                    </script>

                    <script type="text/html" id="wcqtsxjTpl">
                        {{#  if(d.wcqtsxj>0){ }}
                        <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.wcqtsxj }}</span>
                        {{#  } else { }}
                        {{ d.wcqtsxj }}
                        {{#  } }}
                    </script>

                    <script type="text/html" id="xjtsTpl">
                        {{#  if(d.xjts>0){ }}
                        <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.xjts }}</span>
                        {{#  } else { }}
                        {{ d.xjts }}
                        {{#  } }}
                    </script>

                    <script type="text/html" id="tqjtsTpl">
                        {{#  if(d.tqjts>0){ }}
                        <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.tqjts }}</span>
                        {{#  } else { }}
                        {{ d.tqjts }}
                        {{#  } }}
                    </script>

                    <script type="text/html" id="hjtsTpl">
                        {{#  if(d.hjts>0){ }}
                        <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.hjts }}</span>
                        {{#  } else { }}
                        {{ d.hjts }}
                        {{#  } }}
                    </script>

                    <script type="text/html" id="syjtsTpl">
                        {{#  if(d.syjts>0){ }}
                        <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.syjts }}</span>
                        {{#  } else { }}
                        {{ d.syjts }}
                        {{#  } }}
                    </script>

                    <script type="text/html" id="sangjtsTpl">
                        {{#  if(d.sangjts>0){ }}
                        <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.sangjts }}</span>
                        {{#  } else { }}
                        {{ d.sangjts }}
                        {{#  } }}
                    </script>

                    <script type="text/html" id="gstsTpl">
                        {{#  if(d.gsts>0){ }}
                        <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.gsts }}</span>
                        {{#  } else { }}
                        {{ d.gsts }}
                        {{#  } }}
                    </script>

                    <script type="text/html" id="bjtsTpl">
                        {{#  if(d.bjts>0){ }}
                        <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.bjts }}</span>
                        {{#  } else { }}
                        {{ d.bjts }}
                        {{#  } }}
                    </script>

                    <script type="text/html" id="sjtsTpl">
                        {{#  if(d.sjts>0){ }}
                        <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.sjts }}</span>
                        {{#  } else { }}
                        {{ d.sjts }}
                        {{#  } }}
                    </script>

                    <script type="text/html" id="qttsTpl">
                        {{#  if(d.qtts>0){ }}
                        <span style="color: rgba(255,186,0,1);font-weight:bold;">{{ d.qtts }}</span>
                        {{#  } else { }}
                        {{ d.qtts }}
                        {{#  } }}
                    </script>
                </div>


                <div class="bottom_tab" id="bottom_btns">
                    <button class="button" onclick="vAttFjGd.exportexcel()"><img
                            src="${ctxStatic}/images/button/daochu.png">导出
                    </button>
                </div>

            </div>

        </div>
    </div>
</div>


</body>
</html>